<template>
  <div class="flex flex-col items-center w-[100%]">
    <div class="w-[130px] h-[124px]">
      <img :src="noDataImage" alt="" class="w-[130px] h-[124px]" :style="{ width: width + 'px' }" />
    </div>
    <div class="text-[#595959]" :style="{ 'font-size': fontSize + 'px' }">
      {{ text }}
    </div>
  </div>
</template>
<script lang="ts" setup>
import noDataImage from '@/assets/icon/noData.png'
interface IProps {
  text?: string
  width?: number
  fontSize?: number
}
withDefaults(defineProps<IProps>(), {
  text: '暂无数据',
  width: 230,
  fontSize: 14
})
</script>

<style lang="scss" scoped></style>
